<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
   <head>
      <title>404</title>
      <!-- Meta tags -->
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <meta charset="utf-8" />
      <meta name="keywords" content=""
         />
      <script type="application/x-javascript">
         addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }
      </script>
      <!-- Meta tags -->
      <!-- font-awesome icons -->
      <link th:href="@{/css/fontawesome-all.min.css}" rel="stylesheet" type="text/css" media="all">
      <!-- //font-awesome icons -->
      <!--stylesheets-->
      <link th:href="@{/css/err_style.css}" rel='stylesheet' type='text/css' media="all">
      <!--//style sheet end here-->
      <link href="http://fonts.googleapis.com/css?family=Nosifer" rel="stylesheet">
      <link href="http://fonts.googleapis.com/css?family=Pavanam" rel="stylesheet">
   </head>
   <body style="background: url('img/b8.jpg')">
      <h1 class="error">Domain Error Page</h1>
      <div class="top-w3ls">
         <h2>404</h2>
         <h3>OOPS..! Sorry Page Not Found</h3>
         <nav class="border-line">
            <ul class="nav flex-column">
               <li class="nav-item active">
                  <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
               </li>
               <li class="nav-item">
                  <a href="#" class="nav-link ">About</a>
               </li>
               <li class="nav-item">
                  <a href="#" class="nav-link">Error</a>
               </li>
               <li class="nav-item">
                  <a href="#" class="nav-link">Contact</a>
               </li>
            </ul>
         </nav>
      </div>
      </div>
   </body>
</html>